@import "../../../theme/styles/antd/themes/default.less";

:host {
    display: block;
	text-align: center;
	width: 72%;
	margin: 0 auto;

    ::ng-deep {
        @extra-bg: #fafafa;

        .icon {
            font-size: 72px;
            line-height: 72px;
            margin-bottom: 24px;

            & > .success {
                color: @success-color;
            }

            & > .error {
                color: @error-color;
            }
        }

        .title {
            font-size: 24px;
            color: @heading-color;
            font-weight: 500;
            line-height: 32px;
            margin-bottom: 16px;
        }

        .description {
            font-size: 14px;
            line-height: 22px;
            color: @text-color-secondary;
            margin-bottom: 24px;
        }

        .extra {
            background: @extra-bg;
            padding: 24px 40px;
            border-radius: @border-radius-sm;
            text-align: left;
        }

        .actions {
            margin-top: 32px;

            button:not(:last-child) {
                margin-right: 8px;
            }
        }

        .ant-steps .ant-steps-head,
        .ant-steps .ant-steps-title {
            background: @extra-bg;
        }
    }
}
